 <!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="misapplication-tap-highlight" content="no"/>
		<meta name="HandheldFriendly" content="true"/>
		<meta name="MobileOptimized" content="320"/>
		<title>搜班APP</title>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript" src="js/update.js"></script>
		<script type="text/javascript" src="js/index.js"></script>
        <script src="js/islider.js"></script>
        <script src="js/plugins/islider_desktop.js"></script>
        
		<script type="text/javascript" charset="utf-8">
            
		mui.plusReady(function() {
			document.getElementById('join').addEventListener('tap', function() {
                mui.openWindow({
                    url: 'index.html', 
                    id:'index',
	                     waiting:{
                            autoShow:false,//自动显示等待框，默认为true
                          }
                });
            }); 
		});
		
        mui.init({
           gestureConfig:{
             swipe: true, //默认为true
           }
        });
        
        
 
		</script>

		<link rel="stylesheet" href="css/mui.min.css">
        <link rel="stylesheet" href="css/zzsc.css" />
		<style>
			html,
			body {
				/*background: url(images/0welcome2.png);*/
			}
/*菜单样式*/
.menu{ width: 100%; height: 45px; position: fixed; bottom:0; left:0; box-shadow: #2d2d2d 0 0 4px;background:#0099cc;}
.menu.menucurr{ background: #ea4c88;}
.menu ul{width: 100%; height: 100%; }
.menu li{ width: 24.9%; height: 100%; float: left; line-height: 45px; text-align: center; background: #0099cc; color:#fff;}
.menu li.curr{ background: #ea4c88;}
.menu li:nth-child(1),.menu li:nth-child(2),.menu li:nth-child(3){ border-right:1px solid #663300;}

/*#wel_1 {
	background: url(images/0welcome1.png) ;
}
#wel_2 {
	background: url(images/0welcome2.png) ;
}
#wel_3 {
	background: url(images/0welcome3.png) ;
}
#join {
	
}*/
            #join {
            	position: absolute;
            	bottom: 0;
            	padding: 10px 20px;
            	color: #36C2BA;
            	right: 0;
            }

		</style>
	</head>
	<body style="padding: 0;width: 100%;height: 100%;position: absolute;">
		<div id="iSlider-effect-wrapper">
            <div id="animation-effect" class="iSlider-effect"></div>
        </div>

<script>
        var picList = [
        {
            width: 150,
            height: 207,
            content: "images/0welcome1.png",
        },
        {
            width: 150,
            height: 207,
            content: "images/0welcome2.png",
        },
        {
            width: 150,
            height: 207,
            content: "images/0welcome3.png",
        }
        ];

        //all animation effect
        var islider1 = new iSlider({
            data: picList,
            dom: document.getElementById("animation-effect"),
            duration: 3000,
            animateType: 'default',
            isAutoplay: true,
            isLooping: true,
            // isVertical: true, 是否垂直滚动
        });
        islider1.bindMouse();


 
</script>
		
		<!--<nav class="mui-bar mui-bar-tab" style="width: 200px;text-align: center;line-height: 60px;margin-bottom: 60px;margin: auto;">-->
			<div id="join">立即体验</div>
		<!--</nav>-->
	</body>
</html>